/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .activitybar > .content .monaco-action-bar .action-label.scm {
	-webkit-mask: url('icon-dark.svg') no-repeat 50% 50%;
}

.monaco-workbench .viewlet.scm-viewlet .collapsible.header .actions {
	width: initial;
	flex: 1;
}

.scm-viewlet .empty-message {
	box-sizing: border-box;
	height: 100%;
	padding: 10px 22px 0 22px;
}

.scm-viewlet:not(.empty) .empty-message,
.scm-viewlet.empty .monaco-panel-view {
	display: none;
}

.scm-viewlet .scm-status {
	height: 100%;
	position: relative;
}

.scm-viewlet .monaco-list-row > .scm-provider {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
}

.scm-viewlet .monaco-list-row > .scm-provider > .monaco-action-bar {
	flex: 1;
}

.scm-viewlet .monaco-list-row > .scm-provider > .monaco-action-bar .action-item {
	overflow: hidden;
	text-overflow: ellipsis;
}

.scm-viewlet .scm-provider > .count {
	margin: 0 0.5em;
}

.scm-viewlet .scm-provider > .count.hidden {
	display: none;
}

.scm-viewlet .scm-provider > .type,
.scm-viewlet .scm-provider > .name > .type {
	opacity: 0.7;
	margin-left: 0.5em;
	font-size: 0.9em;
}

.scm-viewlet .monaco-list-row {
	padding: 0 12px 0 20px;
	line-height: 22px;
}

.scm-viewlet .monaco-list-row > .resource-group {
	display: flex;
	height: 100%;
}

.scm-viewlet .monaco-list-row > .resource-group > .name {
	flex: 1;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scm-viewlet .monaco-list-row > .resource {
	display: flex;
	height: 100%;
}

.scm-viewlet .monaco-list-row > .resource.faded {
	opacity: 0.7;
}

.scm-viewlet .monaco-list-row > .resource > .name {
	flex: 1;
	overflow: hidden;
}

.scm-viewlet .monaco-list-row > .resource > .name.strike-through > .monaco-icon-label > .monaco-icon-label-description-container > .label-name {
	text-decoration: line-through;
}

.scm-viewlet .monaco-list-row > .resource > .name > .monaco-icon-label::after {
	padding: 0 4px;
}

.scm-viewlet .monaco-list-row > .resource > .decoration-icon {
	width: 16px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.scm-viewlet .monaco-list .monaco-list-row > .resource > .name > .monaco-icon-label > .actions {
	flex-grow: 100;
}

.scm-viewlet .monaco-list .monaco-list-row > .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row > .resource > .name > .monaco-icon-label > .actions {
	display: none;
}

.scm-viewlet .monaco-list .monaco-list-row:hover > .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row:hover > .resource > .name > .monaco-icon-label > .actions,
.scm-viewlet .monaco-list .monaco-list-row.selected > .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row.focused > .resource-group > .actions,
.scm-viewlet .monaco-list .monaco-list-row.selected > .resource > .name > .monaco-icon-label > .actions,
.scm-viewlet .monaco-list .monaco-list-row.focused > .resource > .name > .monaco-icon-label > .actions,
.scm-viewlet .monaco-list:not(.selection-multiple) .monaco-list-row > .resource:hover > .actions {
	display: block;
}

.scm-viewlet .scm-status.show-actions > .monaco-list .monaco-list-row > .resource-group > .actions,
.scm-viewlet .scm-status.show-actions > .monaco-list .monaco-list-row > .resource > .name > .monaco-icon-label > .actions {
	display: block;
}

.scm-viewlet .monaco-list-row > .resource > .name > .monaco-icon-label > .actions .action-label,
.scm-viewlet .monaco-list-row > .resource-group > .actions .action-label {
	width: 16px;
	height: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.scm-viewlet .scm-editor {
	box-sizing: border-box;
	padding: 5px 9px 5px 16px;
}

.scm-viewlet .scm-editor.hidden {
	display: none;
}

.scm-viewlet .scm-editor > .monaco-inputbox {
	width: 100%;
}

.scm-viewlet .scm-editor > .monaco-inputbox > .wrapper > .mirror {
	max-height: 134px;
}

.scm-viewlet .scm-editor > .monaco-inputbox > .wrapper > textarea.input {
	min-height: 26px;
}

.scm-viewlet .scm-editor.scroll > .monaco-inputbox > .wrapper > textarea.input {
	overflow-y: scroll;
}
